.app-header {
  display: flex;
  background-color: transparent;
  justify-content: space-between;
  -webkit-app-region: drag;
  padding: 10px;
  padding-bottom: 20px;
  text-align: right;

  .no-drag {
    -webkit-app-region: no-drag;
  }

  .app-header-right {
    display: flex;
    align-items: center;
  }

  .app-header-close {
    padding: 7px 12px !important;
    cursor: pointer;
  }

  .app-header-show {
    padding: 8px 12px !important;
    cursor: pointer;
  }

  .app-header-button {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 7px 12px !important;
    cursor: pointer;
    margin-left: 10px !important;

    &.app-header-reset {
      padding: 7px 6px !important;
  
      .icon {
        display: inline-block;
      }
    }

    &.app-header-star {
      padding: 0 0 !important;
      line-height: 32px;
      margin-left: 0 !important;
    }
  }
}

.help-wrap {
  width: 300px;
  height: 400px;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  .help-list {
    overflow-y: auto;

    .db-collapse-item__content {
      padding-right: 15px;
      text-align: justify;
    }
  }
}

.star-popover {
  left: 10px !important;

  .popper__arrow {
    left: 8px !important;
  }
}

.help-popover {
  left: 10px !important;

  .popper__arrow {
    left: 54px !important;
  }
}

.app-header-star-content {
  width: 360px;

  .star-item {
    padding: 10px 0;
    text-align: center;
    display: block;
    margin-left: 0;

    &:first-child {
      margin-top: 0;
    }

    &:nth-child(n) {
      margin-top: 10px;
    }

    .star-item-head {
      text-align: center;
      margin-bottom: 4px;
      font-weight: bold;
    }

    .star-item-content {
      text-align: center;
    }

    .zan-item {
      display: inline-block;

      &:first-of-type {
        margin-right: 8px;
      }

      .zanshang {
        border-radius: 4px;
        display: block;
        width: 170px;
        margin-bottom: 8px;
      }
    }

  }

  .group-chat {
    user-select: text;

    &::selection {
      background-color: var(--active-color);
      color: var(--bg-color);
    }
  }
}